{% extends 'base_my_center.html' %}

{% block link_css %}
<link href="//s2.music.126.net/web/s/core_6f2f353d2cdefb88e4a5bb4643a1ca27.css?6f2f353d2cdefb88e4a5bb4643a1ca27" type="text/css" rel="stylesheet"/><link href="//s2.music.126.net/web/s/pt_frame_57c9c3ea4a6a46b44e2e077fc108ffdb.css?57c9c3ea4a6a46b44e2e077fc108ffdb" type="text/css" rel="stylesheet"/>
{% endblock %}

{% block content %}
        <div class="main main--profile" style="">
        <div class="mod_tab profile_nav" role="nav" id="nav">
             <a class="mod_tab__item " href="{{ url('users:i_like') }}" id="like_tab" data-tab="like" data-stat="y_new.profile.tab.like">我喜欢</a>
            <a class="mod_tab__item" href="{{ url('users:center') }}" id="create_tab" data-tab="create">我创建的歌单</a>
            <a class="mod_tab__item" href="{{ url('users:follow') }}" id="focus_tab" data-tab="focus" data-stat="y_new.profile.tab.focus">关注</a>
            <a class="mod_tab__item" href="javascript:;" id="fans_tab" data-tab="fans" data-stat="y_new.profile.tab.fans">粉丝</a>
            <a class="mod_tab__item mod_tab__current" href="{{ url('users:user_modify') }}" id="uploadmv_tab" >个人设置</a>
        </div>

		<div class="js_box" id="like_box" style="display: none;">
			<div class="mod_tab" role="nav">
				<a class="mod_tab__item" href="javascript:;" data-tab="like_song" data-stat="y_new.profile.like.tab.song">歌曲 222</a>
				<a class="mod_tab__item" href="javascript:;" data-tab="like_playlist" data-stat="y_new.profile.like.tab.playlist">歌单 0</a>
				<a class="mod_tab__item" href="javascript:;" data-tab="like_album" data-stat="y_new.profile.like.tab.album">专辑 0</a>
				<a class="mod_tab__item mod_tab__current" href="javascript:;" data-tab="like_mv" data-stat="y_new.profile.like.tab.mv">视频 0</a>
			</div>
			<div class="profile_cont">
				<div class="js_sub" id="like_song_box" style="display: none;">
<div class="mod_songlist_toolbar">
	<a href="javascript:;" class="mod_btn_green js_all_play" data-stat="y_new.profile.like.song.playall"><i class="mod_btn_green__icon_play"></i>播放全部</a>
	<a href="javascript:;" class="mod_btn js_all_fav" data-stat="y_new.profile.like.song.addall"><i class="mod_btn__icon_add"></i>添加到</a>
	<a href="javascript:;" class="mod_btn js_all_down" data-stat="y_new.profile.like.song.downloadall"><i class="mod_btn__icon_down"></i>下载</a>
	<a href="javascript:;" class="mod_btn js_batch" data-stat="y_new.profile.like.song.batch"><i class="mod_btn__icon_batch"></i>批量操作</a>
</div>
</div>

			</div>
		<div class="client_guide" id="limitButton"><p class="client_guide__txt">查看更多内容，请下载客户端</p><a href="javascript:;" class="client_guide__btn js_limitButton">立即下载</a></div></div>
		<!-- 歌单 -->
		<div class="g-bd">
<div class="g-wrap" id="baseBox" >
<div class="u-title u-title-2 f-cb">
<h3><span class="f-ff2">个人设置</span></h3>
</div>

<form method="post" enctype="multipart/form-data">
<div class="n-base f-cb">
<div class="frm m-frm">
<div class="itm">
<label class="lab">昵称：</label>
<input type="text" class="u-txt txt " value="" name="username" id="nickname" maxLength=30 placeholder="{{ username }}">
</div>

<div class="itm f-cb">
<label class="lab">介绍：</label>
<div class="u-txtwrap f-pr">
<textarea class="u-txt area" id="signature" name="desc"></textarea>

</div>
</div>
<div class="itm f-cb">
<label class="lab">性别：</label>
<div class="f-cb">
<label class="check"><input name="gender" type="radio" value="1"> 男</label>
<label class="check"><input name="gender" type="radio" value="2"> 女</label>
<label class="check"><input name="gender" type="radio" checked="checked" value="0"> 保密</label>
</div>
</div>
<div class="itm f-cb" style="z-index:11;">
<label class="lab">生日：</label><input type='date' value="{{ birth_date }}" name="date"/>
</div>

<div class="itm ft">
<button class="u-btn2 u-btn2-2" type="submit"><i>保 存</i></button>
</div>
</div>
<div class="avatar f-pr" >
    {% if not user_pic %}
<img src="http://p1.music.126.net/RLeBJe4D1ZzUtltxfoKDMg==/109951163250239066.jpg?param=140y140" id="avatar">
    {% else %}
        <img src="{{ user_pic }}" id="avatar">
    {% endif %}
<span class="btm"></span>
<a href="javascript:;" class="upload" id="upload">更换头像</a>

            <input type="file" name="avatar" id="image" value="上传头像" />
</div>
</div>
</form>
</div>

</div>

</div>

    {% endblock %}

{% block js %}
    {% if messages %}
    <script>
        {% for msg in messages %}
            alert('{{ msg.message }}');
        {% endfor %}
    </script>
{% endif %}
{% endblock %}